<template>
 <tfoot>
          <tr>
            <td colspan="5">
              <span>总分：{{Total()}}</span>
              <span style="margin-left: 50px">平均分：{{avg()}}</span>
            </td>
          </tr>
        </tfoot>
  
</template>

<script>
export default {
  props:{
    list:{
      type:Array,
      required:true
    }
  },
  methods:{
    Total(){
      //直接渲染需要返回值
     return this.list.reduce((prev,item)=>prev+item.score,0)
    },
    //平均数 需要调用Total加()
     avg(){
      return this.list.length ? (this.Total()/this.list.length).toFixed(2) :0
    }
  },
  }




</script>

<style>

</style>